<template>
  <div class="lt_music_play">
    <left @change-avatar="changeAvatarHandler"></left>
    <conter></conter>
    <right></right>
  </div>
</template>

<script setup lang="ts">
import left from './c-cnps/left.vue'
import right from './c-cnps/right.vue'
import conter from './c-cnps/conter.vue'

const emit = defineEmits(['change-avatar'])

const changeAvatarHandler = () => {
  emit('change-avatar')
}
</script>

<style scoped lang="scss">
.lt_music_play {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 10px;
  /* background-color: red; */
}
</style>
